.home {
    // vw 相对于视窗的宽度
    // vh 相对于视窗的高度
    // vmin 相对于视口的宽度或高度中较小的那个被均分为100单位的vmin
    // vmax 相对于视口的宽度或高度中较大的那个被均分为100单位的vmax
    // px：绝对单位，页面按精确像素展示。
    // em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
    // rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持
    float: left;
    width: 100%;
    min-width: 1150px;

    .el-header {
        padding: 0;
        background-color: #217ad9;
        color: #fff;
        text-align: center;
        height: 65px !important;
        line-height: 65px;
        .logo {
            cursor: pointer;
            position: absolute;
            // left: 36px;
            font-size: 2em;
            font-weight: bold;
            
            img {
                vertical-align: top;
                height: 65px;
                margin-left: 5px;
            }
        }
    }

    .el-main {
        padding: 0;

        .welcomepage {
            text-align: center;

            .title {
                font-size: 4.5em;
                color: #217ad9;
                font-weight: 800;
                margin: 0px 0 2vw 0;
            }

            .line {
                margin: 0 auto;
                width: 500px;
                height: 2px;
                background-color: #e6ebf0;
            }

            .text {
                margin: 2vw 0;
                font-size: 1.75em;
                font-weight: 650;
                color: #4e5766;
            }

            .text-two {
                font-size: 1.25em;
                color: #848c99;
            }

            .begin-btn {
                margin: 5vw 0 0 0;
                // width: 360px;
                width: 18%;
                font-size: 2.25em;
            }

            .round {
                margin-top: 2.5vw;

                .circul {
                    display: block;
                    width: 1vw;
                    height: 1vw;
                    background: #217ad9;
                    border-radius: 50%;
                    margin: 0 auto;
                    margin-bottom: 0.8vw;
                }

                .circul:nth-child(1) {
                    opacity: 1;
                }

                .circul:nth-child(2) {
                    opacity: 0.4;
                }

                .circul:nth-child(3) {
                    opacity: 0.2;
                }
            }
        }
        .login {
            text-align: center;
            .title {
                font-size: 4em;
                color: #217ad9;
                font-weight: bold;
                margin-bottom: 1vw;
            }
            .login-form{
                width: 466px;
                margin: 0 auto; 
                .el-form-item__error{
                    width: 466px;
                    top:95%;
                    color: #FF9D00;
                    font-size: 14px;
                }
                 //改变placeholder颜色 
                input{
                    box-shadow: inset 0 0 0 1000px #fff!important;
                    text-align: center;
                    border-bottom: 2px solid #E6EBF0;
                    color: #2D3642;
                    font-size: 1.5em
                }
                .from-text{
                    color:#848C99
                }
                .btn-login{
                    font-size: 1.3vw;
                    width: 18vw;
                }
                .el-form-item{
                    margin: 0.8vw 0 2vw 0;
                    .view{
                        cursor: pointer;
                        margin-right: 3px;
                        img{
                            margin-top: 8px
                        }
                    }
                    .view:hover{
                        opacity: 0.8;
                    }
                    
                }
                .Remember-text{
                    margin-top: -10px;
                    margin-bottom: 2vw;
                    color: red;
                }
                .activate-it{
                    color: red;
                    background-color: red;
                    margin-top: -18px !important
                }
                
            }
            
            
        }
        .register {
            text-align: center;
            font-family: 'Product Sans';
            .title {
                font-size: 4.5em;
                color: #217ad9;
                font-weight: 800;
                margin: 0px 0 4.5vw 0;
            }

            .organization {
                margin-bottom: 2.5vw;

                .name-tip {
                    color: #848C99;
                    font-size: 1.125em;
                }

                .name {
                    margin: 0 auto;
                    width: 27vmax;
                    margin-top: 0.75vw;
                    border-bottom: 2px solid #E6EBF0;
                    input {
                        text-align: center;
                        border: 0px;
                        outline: none;
                        font-size: 1em;
                        background-color: #fff;
                    }
                    .active {
                        input {
                            color: #2D3642;
                            font-weight: 400;
                            font-size: 1.5em
                        }

                    }
                }
            }

            .OK-btn {
                margin-top: 2.5vw;
                width: 12vw;
                font-size: 1.5em
            }

            .Cancel-btn {
                margin-left: 1.75vw;
                font-size: 1.5em;
                width: 12vw;
            }

            .el-dialog {
                //弹框居中设置
                display: flex;
                flex-direction: column;
                margin: 0 !important;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                max-height: calc(100% - 30px);
                max-width: calc(100% - 30px);
                text-align: center;

                .el-dialog__header {
                    display: none
                }

                .el-dialog__body {
                    flex: 1;
                    overflow: auto;
                    padding: 65px 20px;
                    .line-text-one {
                        margin-bottom: 24px;
                        font-size: 24px;
                        color: #2D3642
                    }

                    .line-text-two {
                        margin-top: 64px;
                        margin-bottom: 15px;
                        font-size: 18px;
                        color: #848C99
                    }
                    .line-text-three {
                        margin-bottom: 64px;
                        font-size: 18px;
                        color: #848C99
                    }

                }
                .dialog-footer{
                    button{
                        // width: 10.4vw;
                        width: 200px;
                        font-size: 18px;
                    }
                    .sure-btn{
                        margin-left: 24px
                    }
                }
            }
        }
    }
}